@import 'class';


/*右侧区域*/
.side-right-tab {

    mb: 10px;
    ofl: hidden;
    ul {
        fl: right;
       

    }
    li {
        cursor: pointer;
        size: 58px 30px;
        bd: 1px solid #d8dde3;
        fl: left;
        ta: center;
        lh: 30px;
        ml: -1px;
        bg: #fafbfc;
        &.active {
            bg: #fac905;
            bdc: #fac905;
            c: #fff;
            pos:relative;
            z-index: 22;
        }
    }
    .li1{
        border-radius: 3px 0 0 3px;
    }
    .li-last{
        border-radius: 0 3px 3px 0px;
    }
}

.side-right-table {
    ofl: hidden;
    bg: #fff;
    p: 30px;
    min-height: 620px;
    @extend sizing;
}

.page-wrap {
    ofl: hidden;
    mt: 10px;
    ul {
        fl: right;
        li {
            cursor: pointer;
            fl: left;
            size: 38px 30px;
            bd: 1px solid #d8dde3;
            border-radius: $radius;
            ml: 5px;
            ta: center;
            lh: 30px;
            &.active {
                bg: #fac905;
                c: #fff;
                bdc: #fac905;
            }
            &.disabled {
                bdc: #ebeef2;
                .icon-page-next {
                    bgp: -70px -57px;
                }
                .icon-page-prev {
                    bgp: -70px -40px;
                }
            }
        }
    }
}